$(function () {

    findCuisineAll();
})
let page = 1;
let limit = 8;
let cuisineIda = 1;

function findCuisineAll() {
    let res = myAjax("/cuisine/findAll", {}, "get");
    if (res != null) {
        setCuisineData(res);
    }
}

function setCuisineData(data) {

    let html = '';
    for (let i = 0; i < data.length; i++) {
        html += ' <div id="cuisine' + data[i].id + '" onclick="findProductAll(' + data[i].id + ')">' + data[i].name + '</div>';
    }
    $("#cuisine").html(html);


    $("#cuisine>div").each(function () {
        $(this).removeClass("mouseClick");
    })
    let cuisineId = sessionStorage.getItem("cuisineId")
    $("#cuisine" + cuisineId).addClass("mouseClick");
    page = 1;
    limit = 8;
    findProductAll(cuisineId);
}

function findProductAll(cuisineId) {
    let da = {};
    cuisineIda = cuisineId;
    da.cuisineId = cuisineId;
    da.page = page;
    da.limit = limit;
    let res = myAjax("/product/findAll", da, "get");
    console.log(res);
    if (res != null) {
        setProductData(res.productModelList);
    }

}

function setProductData(data) {
    let html = '';
    for (let i = 0; i < data.length; i++) {
        html += '<div>\n' +
            '                        <div><img src="' + data[i].imgHref + '"></div>\n' +
            '                        <div class="font-title single-over" onclick="togoProductDetail(' + data[i].id + ')">' + data[i].name + '</div>\n' +
            '                        <div class="font-content price">\n' +
            '                            <div>价格：</div>\n' +
            '                            <div>4:00</div>\n' +
            '                        </div>\n' +
            '                        <div class="font-content many-over-three">\n' +
            '                            原料：扣肉，香芋扣肉，青菜原料：扣肉，香芋扣肉，青菜原料：扣肉，香芋扣肉，青菜原料：扣肉，香芋扣肉，青菜原料：扣肉，香芋扣肉，青菜原料：扣肉，香芋扣肉，青菜原料：扣肉，香芋扣肉，青菜原料：扣肉，香芋扣肉，青菜\n' +
            '                        </div>\n' +
            '                    </div>';
    }
    $("#product").html(html);

    $("#cuisine>div").each(function () {
        $(this).removeClass("mouseClick");
    })

    $("#cuisine" + cuisineIda).addClass("mouseClick");
}

function togoProductDetail(id) {
    sessionStorage.setItem("productId", id)
    window.open("/html/product-detail.html");
}

//分页
// layui.use('',function (){
//
//     //只显示上一页、下一页
//     let count=myAjax("/product/count",{cuisineId:cuisineId},"get")
//     laypage.render({
//         elem: 'demo6',
//         count: count,
//         layout: ['prev', 'next'],
//         limit:8,
//         jump: function(obj, first) {
//             if (!first) {
//                 layer.msg('第 ' + obj.curr + ' 页');
//             }
//             let da={};
//             da.cuisineId=cuisineId;
//             da.page=obj.curr;
//             da.limit=obj.limit;
// page=obj.curr;
// limit=obj.limit;
//             findProductAll(da);
//         }
//     });
// })